<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            好多鱼商城后台管理系统
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="./css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form class="layui-form" id="form_about_us" onsubmit="return false" >
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        ID
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="peopleId" name="peopleId" required="" lay-verify="required"
                        autocomplete="off"  value="1" readonly="" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>登录名
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="peopleName" name="peopleName" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
				<label for="role" class="layui-form-label"> <span
					class="x-red">*</span>角色
				</label>
				<div class="layui-input-inline">
					<select id="position" name="position">
						<option value="">请选择角色</option>
						<option value="组长">组长</option>
						<option value="管理员">管理员</option>
						<option value="组员">组员</option>
					</select>
				</div>
			</div>
                <div class="layui-form-item">
                    <label for="username" class="layui-form-label">
                        <span class="x-red">*</span>图片
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="headPortrait" name="headPortrait" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                        <img id="imgFace" style="width: 120px" src="" />
	                    <br /> 
	                     <input type="hidden" id="picName" value="" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <button onclick="updateAboutUs()" class="layui-btn" lay-filter="save">
                        保存
                    </button>
                </div>
            </form>
        </div>
        <script src="./lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="./js/x-layui.js" charset="utf-8">
        </script>
        <script>
        	var $ = null;
        	var form = null;
        	var layer = null;
            layui.use(['form','layer'], function(){
              $ = layui.jquery;
              form = layui.form;
              layer = layui.layer;

	             $(function(){
	            	 getAboutUs();
	             });
              
            });
            
            function getAboutUs(){
            	$.post("../adminAbout?reqName=getAboutUsById",{
            		peopleId: sessionStorage.getItem("peopleId")
            	},function(res){
            		$("#peopleId").val(res.peopleId);
            		$("#peopleName").val(res.peopleName);
            		$("#position").val(res.position);
            		$("#headPortrait").val(res.headPortrait);
            		$("#imgFace").attr("src","/shangcheng1/" + res.headPortrait);
            	},"json");
            }
            
            function updateAboutUs(){
            	var peopleName = $("#peopleName").val();
            	if (peopleName==null || peopleName=="") {
					layer.alert("输入登录名");
					return false;
				}
            	var position = $("#position").val();
            	if (position==null || position=="") {
					layer.alert("输入职称");
					return false;
				}
            	
            	$.post("../adminAbout?reqName=updateAboutUsById",
            		$("#form_about_us").serialize()
            	,function(res){
            		if (res.success) {
						layer.msg(res.message);
						var index = parent.layer.getFrameIndex(window.name);//获得弹框的index
           			 	parent.layer.close(index);//关闭当前的页面
           			 	parent.myPagerSi();//调用父级页面的myPagerSi方法,目的是刷新页面
					} else {
						layer.msg(res.message);
					}
            	},"json");
            	
            }
            
            layui.use([ 'upload', 'layer' ], function() {
    			var upload = layui.upload;
    			var layer = layui.layer;
    			var $ = layui.$;

    			//执行实例
    			var uploadInst = upload.render({
    				elem : '#headPortrait',//绑定元素
    				url : '../adminProduct?reqName=upload', //上传接口
    				acceptMime : 'image/*',//只显示图片文件
    				done : function(res) {
    					//上传完毕回调
    					if (res.success) {
    						$("#imgFace").attr("src","/shangcheng1/images/" + res.remark);
    						$("#picName").val("images/" + res.remark);
    						$("#headPortrait").val("images/" + res.remark);
    						layer.msg("上传成功", {
    							icon : 6,
    							time : 1500
    						});
    					}
    				},
    				error : function() {
    					//请求异常回调
    				}
    			});
    		});
            
        </script>
        
    </body>

</html>